<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item>1</mt-swipe-item>
            <mt-swipe-item>2</mt-swipe-item>
            <mt-swipe-item>3</mt-swipe-item>
            <mt-swipe-item>4</mt-swipe-item>
        </mt-swipe>

        <p>HomeContainer</p>
    </div>
</template>

<script>
    export default {
        name: "home"
    }
</script>

<style scoped>
    /*轮播图的高度*/
    .mint-swipe{
        height: 500px;
    }
    .mint-swipe-item{
        text-align: center;
        line-height: 500px;
        color: white;
        font-size: 50px;
    }
    /*轮播图子页的背景色*/
    .mint-swipe-item:nth-child(1){
        background-color: red;
    }
    .mint-swipe-item:nth-child(2){
        background-color: blue;
    }
    .mint-swipe-item:nth-child(3){
        background-color: orange;
    }
    .mint-swipe-item:nth-child(4){
        background-color: cyan;
    }
</style>
